<template>
  <div>
    <div class="shiti_answer">
      <div class="answer_detail">
        <dl>
          <div id="vhtml" v-html="timu.tquestion">
            {{timu.tquestion}}
          </div>
          <dd>
            <p><span class="option">答案</span>
            <i id="vanswer" v-html="timu.tanswer">
              {{timu.tanswer}}
            </i>
            </p>
            <p><span class="parsing">解析</span>
              <i id="vjiexi" v-html="timu.tjiexi">
                {{timu.tjiexi}}
              </i>
            </p>
          </dd>
        </dl>

      </div>
        <div class="test_suggest">
          <h2><b>相关试题</b></h2>
          <div style="padding:10px 0px">
            <div v-for="sim in similartis">
            <router-link to="">
              {{sim.papername}}
            </router-link>
            </div>
           </div>
        </div>

    </div>

  </div>

</template>
<script type="text/javascript">
  import {mapState} from 'vuex'
  export  default {
    mounted(){
      var timu=this.$route.params.timu;
      this.$store.dispatch('LOAD_TI_DETAIL',{tid:timu.id});
      this.$store.dispatch('LOAD_SIMILARTIS',{tid:timu.id});
    },
    computed:mapState({
      timu:'timu',
    similartis:'similartis'
  }),

  }



</script>
<style type="text/css">
  .shijuan_detail, .shiti_answer {
    float: left;
    padding: 0px 10px;
    border: 1px solid #d8d8d8;
  }
  .answer_detail dl dd span.option, .answer_detail dl dd span.parsing {
    width: 67px;
    background-position: 0px 0px;
  }
  .answer_detail dl dd span {
    float: left;
    margin-left: 5px;
    margin-right: 15px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
  .answer_detail dl {
    padding-top: 10px;
    line-height: 30px;
  }
  h2 {
    height: 37px;
    border-bottom: 2px solid #eee;
    position: relative;
    font-family: "Microsoft YaHei";
  }
  .answer_detail dl dd p {
    overflow: hidden;
    width: 695px;
    padding: 10px 0px;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
  }
  h2 b {
    position:absolute;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    line-height: 30px;
    padding: 0px 5px;
    border-bottom: 2px solid #0f9d58;
    left: 0px;
    top: 10px;
    font-family: "Microsoft YaHei";
  }
  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td,b {
    margin: 0;
    padding: 0;
    text-align: left;
  }
  .answer_detail dl dd span.option, .answer_detail dl dd span.parsing {
    width: 67px;
    background-position: 0px 0px;
  }

  .answer_detail dl dd span, .download_test, .shiti a, .questions_col li a.view_all {
    background: url(../../static/imgs/csssprite.png) no-repeat;
  }


</style>
